<template functional>
    <div class="score-expanded-cell">
        <div class="score-item" v-for="item in props.value" :key="item.id">
            <span>{{ item.formType }}得分：{{props.value.score}}</span>
            <span>权重：{{props.value.field2}}%</span>
            <span>计算得分：{{item.score}}</span>
        </div>
        <div class="score-item">
            <span>公路舱单得分：{{props.value.field4}}</span>
            <span>权重：{{props.value.field5}}%</span>
            <span>计算得分：{{props.value.field6}}</span>
        </div>
        <div class="score-item">
            <span>突发事件平均得分：{{props.value.field7}}</span>
            <span>权重：{{props.value.field8}}%</span>
            <span>计算得分：{{props.value.field9}}</span>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        value: {
            type: Array,
            default: () => ([])
        }
    }
}
</script>
<style lang="less">
@border-color: #eee;
.score-expanded-cell {
    border: 1px solid @border-color;
    .score-item {
        & + .score-item {
            border-top: 1px solid @border-color;
        }
        span {
            padding: 8px 15px;
            display: inline-block;
            width: 33%;
        }
    }
}

</style>
